<template>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    fill="none"
    viewBox="0 0 187 40"
    @click.right.prevent="designKit"
    @click="home"
  >
    <path
      fill="#00DC82"
      d="M33.6605 40h22.3046c.7084.0001 1.4044-.1847 2.0179-.5358.6135-.3511 1.1229-.8561 1.477-1.4643.3541-.6081.5403-1.298.54-2.0001-.0003-.7021-.1872-1.3918-.5418-1.9996L44.4791 8.2859c-.354-.608-.8633-1.1129-1.4767-1.46395-.6134-.35105-1.3092-.53586-2.0175-.53586-.7083 0-1.4041.18481-2.0175.53586-.6134.35105-1.1227.85595-1.4768 1.46395l-3.8301 6.5794-7.4884-12.86577c-.3544-.60796-.8639-1.1128-1.4775-1.46377C24.0811.18477 23.3852 0 22.6767 0c-.7084 0-1.4043.18477-2.0179.53576-.6135.35098-1.1231.85581-1.4774 1.46377L.54177 34.0002C.18717 34.608.0003 35.2977 0 35.9998c-.0003.7021.18594 1.392.54001 2.0001.35407.6082.86348 1.1132 1.47699 1.4643.61351.3511 1.30949.5359 2.01793.5358H18.0359c5.5473 0 9.6382-2.415 12.4532-7.1266l6.8342-11.7304 3.6605-6.2777 10.986 18.8569H37.3233L33.6605 40Zm-15.8529-6.2842-9.77085-.0022L22.6833 8.57243l7.308 12.57057-4.893 8.402c-1.8694 3.057-3.9932 4.1708-7.2907 4.1708Z"
    />
    <path
      fill="currentColor"
      d="M76.0972 39.661V26.1864L76.1 20s1.1354 1.9915 3.0865 5.2966l7.7548 13.368c.3578.6168 1.0169.9964 1.73.9964h5.3924V10h-6.1379v20s-1.1381-2.3305-3.0486-5.6356l-7.7948-13.3716C76.7241 10.378 76.0661 10 75.3546 10H70v29.661h6.0972ZM113.401 18.3051V30c0 2.7119-1.748 4.7458-4.227 4.7458-2.317 0-3.943-1.8644-3.943-4.4492V18.3051h-5.6503v13.3051c0 4.8729 3.0083 8.3898 7.6013 8.3898 2.805 0 5.081-1.2712 6.219-3.3051v2.9661h5.691V18.3051h-5.691ZM135.641 28.5593l6.869-10.2542h-5.146c-.67 0-1.296.3357-1.666.8942l-3.147 4.7414-3.146-4.7414c-.37-.5585-.996-.8942-1.666-.8942h-5.106l6.87 10.2118-7.398 11.1441h4.993c.665 0 1.286-.3303 1.658-.8815l3.836-5.6863 3.796 5.6792c.371.5553.995.8886 1.663.8886h4.947l-7.357-11.1017ZM148.862 18.3051h-3.942v4.9152h3.942v8.6865c0 4.9576 3.049 7.7542 7.764 7.7542H160v-4.9576h-2.601c-1.83 0-2.886-.9746-2.886-3.0509v-8.4322H160v-4.9152h-5.487v-6.3136h-5.651v6.3136Z"
    />
    <path
      fill="#00DC82"
      d="M167.041 19.9901c-.027-2.2476.365-4.1888 1.176-5.8234.811-1.6639 1.974-2.9337 3.489-3.8094C173.247 9.45245 175.046 9 177.101 9c1.921 0 3.624.39407 5.112 1.1822 1.515.7881 2.691 1.8974 3.529 3.3277.839 1.4303 1.258 3.0941 1.258 4.9915 0 4.145-2.245 7.4143-6.734 9.8079l-4.382 2.3644c-2.38 1.3428-3.57 2.7731-3.57 4.291H187V40h-19.959L167 35.7528c0-2.2184.663-4.145 1.988-5.7796 1.325-1.6639 2.853-2.9482 4.584-3.8531l4.544-2.452c2.326-1.226 3.488-2.9628 3.488-5.2105 0-1.4303-.405-2.5687-1.217-3.4152-.811-.8465-1.906-1.2698-3.286-1.2698-1.514 0-2.691.5692-3.529 1.7076-.811 1.1093-1.19 2.6125-1.136 4.5099h-5.395Z"
    />
  </svg>
</template>

<script>
export default {
  methods: {
    home() {
      if (this.$docus.currentPath.value === '/') {
        // scroll to top
        window.scrollTo(0, 0)
      }
    },
    designKit() {
      window.location.href = 'https://nuxt.com/design-kit'
    }
  }
}
</script>
